<template>
	<view>
		<view class="m-card u-m-t-20">
			<view class="u-flex u-flex-y-center" @click="nextNav(pathUrl)">
				<u-image width="4" height="22" :src="oss + '/mine/shu.png'">
				</u-image>
				<text class="u-m-l-10 u-font-40 m-font-b">{{ title }}</text>
			</view>
			<view class="u-p-t-40">
				<u-grid :col="col">
					<u-grid-item v-for="(item, index) in list" :key="index" @click="nextNav(item.url)">
						<text class="bepad">{{ item.shu }}</text>
						<view class="m-c-b u-m-t-20">{{ item.name }}</view>
					</u-grid-item>
				</u-grid>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'kefu',
		data() {
			return {};
		},
		props: {
			title: {
				type: String,
				default: '标题'
			},
			list: {
				type: Array,
				default: () => []
			},
			col: {
				type: Number,
				default: 3
			},
			pathUrl: {
				type: String,
				default: ''
			}
		}
	};
</script>

<style lang="scss">
	.bepad {
		font-size: 48rpx;
		font-weight: bold;
		color: #2c2a2b;
	}
</style>
